<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>职位列表页</title>
    <link href="css/common.css" type="text/css" rel="stylesheet">
    <link href="css/list.css" type="text/css" rel="stylesheet">
</head>
<body>
<header>
    <div class="header-div">
        <ul>
            <li class="small-li">
                <a href="index.html"><img src="images/header-logo.png" alt="logo"></a>
            </li>
            <li class="long-li">
                <nav class="header-login-in-registered">
                    <div class="header-login-in">
                        <div id="header-function-list">
                            <ul>
                                <li>简历中心</li>
                                <li>简历中心</li>
                                <li>简历中心</li>
                            </ul>
                        </div>
                        <a href="#" id="header-login-span"><span ><i class="iconfont">&#xe62b;</i>登录</span></a>
                    </div>
                    <a href="#"><span><i class="iconfont">&#xf0130;</i>注册</span></a>
                </nav>
                <span id="header-border">|</span>
                <nav class="header-list">
                    <a href="#"><span>企业列表</span></a>
                    <a href="#"><span>职位列表</span></a>
                    <a href="#"><span>黑板学院</span></a>
                </nav>
            </li>
        </ul>
    </div>
</header>
<div class="index-banner">
    <div class="index-banner-left">
        <img src="images/left.png">
    </div>
    <div class="index-banner-right">
        <img src="images/right.png">
    </div>
    <div class="index-banner-img">
        <a href="#"><img src="images/banner-one.jpg" alt=""></a>
        <a href="#"><img src="images/banner-two.jpg" alt=""></a>
        <a href="#"><img src="images/banner-three.jpg" alt=""></a>
        <a href="#"><img src="images/banner-four.jpg" alt=""></a>
        <a href="#"><img src="images/banner-fire.jpg" alt=""></a>
    </div>
    <div class="search-bar-div">
        <div class="search-bar-popular">
            <b>热门职位：</b>
            <a href="#"><span>新媒体运营</span></a>
            <a href="#"><span>新媒体运营</span></a>
            <a href="#"><span>新媒体运营</span></a>
            <a href="#"><span>新媒体运营</span></a>
        </div>
        <div class="search-bar-input">
            <input class="search-bar-input-text" type="text" placeholder="输入需要搜索的职位或企业"/>
            <input class="search-bar-input-button" type="button" value="搜&nbsp;索"/>
        </div>
        <div class="index-banner-number">
            <ul>
                <li><div class="index-banner-schedule index-schedule-effect"></div></li>
                <li><div class="index-banner-schedule"></div></li>
                <li><div class="index-banner-schedule"></div></li>
                <li><div class="index-banner-schedule"></div></li>
                <li><div class="index-banner-schedule"></div></li>
            </ul>
        </div>
        <div></div>
    </div>
</div>
<div class="content-div company-bg-new">
    <div class="positions-name-list">
           <div class="positions-name-content">
                <div class="positions-name-list-left">
                    <a href="#"><h2>技术<b>></b></h2></a>
                    <a href="#"><span>java</span></a>
                    <a href="#"><span>前端</span></a>
                    <a href="#"><span>php</span></a>
                    <a href="#"><span>C#</span></a>
                    <a href="#"><span>ios</span></a>
                    <a href="#"><span>Android</span></a>
                    <a href="#"><span>HTML5</span></a>
                    <a href="#"><span>测试aaaaaaaa</span></a>
                </div>
                <div class="more-positions more-one">
                <div class="more-positions-list">
                    <ul>
                        <li><a href="#">Java</a></li>
                        <li><a href="#">Python</a></li>
                        <li><a href="#">PHP</a></li>
                        <li><a href="#">.NET</a></li>
                        <li><a href="#">C#</a></li>
                        <li><a href="#">C++</a></li>
                        <li><a href="#">C</a></li>
                        <li><a href="#">VB</a></li>
                        <li><a href="#">Delphi</a></li>
                        <li><a href="#">Perl</a></li>
                        <li><a href="#">Ruby</a></li>
                        <li><a href="#">hadoop</a></li>
                        <li><a href="#"></a></li>
                        <li><a href="#">数据挖掘</a></li>
                        <li><a href="#">自然语言处理</a></li>
                        <li><a href="#">搜索算法</a></li>
                        <li><a href="#">精准推荐</a></li>
                        <li><a href="#">全栈工程师</a></li>
                        <li><a href="#">Go ASP</a></li>
                        <li><a href="#">Shell</a></li>
                        <li><a href="#">后端开发其他</a></li>
                    </ul>
                </div>
            </div>
            </div>
            <div class="positions-name-content">
                <div class="positions-name-list-left">
                    <a href="#"><h2>技术<b>></b></h2></a>
                    <a href="#"><span>java</span></a>
                    <a href="#"><span>前端</span></a>
                    <a href="#"><span>php</span></a>
                    <a href="#"><span>C#</span></a>
                    <a href="#"><span>ios</span></a>
                    <a href="#"><span>Android</span></a>
                    <a href="#"><span>HTML5</span></a>
                    <a href="#"><span>测试aaaaaaaa</span></a>
                </div>
                <div class="more-positions more-two">
                    <div class="more-positions-list">
                        <ul>
                            <li><a href="#">Java</a></li>
                            <li><a href="#">Python</a></li>
                            <li><a href="#">PHP</a></li>
                            <li><a href="#">.NET</a></li>
                            <li><a href="#">C#</a></li>
                            <li><a href="#">C++</a></li>
                            <li><a href="#">C</a></li>
                            <li><a href="#">VB</a></li>
                            <li><a href="#">Delphi</a></li>
                            <li><a href="#">Perl</a></li>
                            <li><a href="#">Ruby</a></li>
                            <li><a href="#">hadoop</a></li>
                            <li><a href="#"></a></li>
                            <li><a href="#">数据挖掘</a></li>
                            <li><a href="#">自然语言处理</a></li>
                            <li><a href="#">搜索算法</a></li>
                            <li><a href="#">精准推荐</a></li>
                            <li><a href="#">全栈工程师</a></li>
                            <li><a href="#">Go ASP</a></li>
                            <li><a href="#">Shell</a></li>
                            <li><a href="#">后端开发其他</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="positions-name-content">
                <div class="positions-name-list-left">
                    <a href="#"><h2>技术<b>></b></h2></a>
                    <a href="#"><span>java</span></a>
                    <a href="#"><span>前端</span></a>
                    <a href="#"><span>php</span></a>
                    <a href="#"><span>C#</span></a>
                    <a href="#"><span>ios</span></a>
                    <a href="#"><span>Android</span></a>
                    <a href="#"><span>HTML5</span></a>
                    <a href="#"><span>测试</span></a>
                    <a href="#"><span>测试</span></a>
                    <a href="#"><span>测试</span></a>
                    <a href="#"><span>测试</span></a>
                    <a href="#"><span>测试</span></a>
                    <a href="#"><span>测试</span></a>
                </div>
                <div class="more-positions more-three">
                    <div class="more-positions-list">
                        <ul>
                            <li><a href="#">Java</a></li>
                            <li><a href="#">Python</a></li>
                            <li><a href="#">PHP</a></li>
                            <li><a href="#">.NET</a></li>
                            <li><a href="#">C#</a></li>
                            <li><a href="#">C++</a></li>
                            <li><a href="#">C</a></li>
                            <li><a href="#">VB</a></li>
                            <li><a href="#">Delphi</a></li>
                            <li><a href="#">Perl</a></li>
                            <li><a href="#">Ruby</a></li>
                            <li><a href="#">hadoop</a></li>
                            <li><a href="#"></a></li>
                            <li><a href="#">数据挖掘</a></li>
                            <li><a href="#">自然语言处理</a></li>
                            <li><a href="#">搜索算法</a></li>
                            <li><a href="#">精准推荐</a></li>
                            <li><a href="#">全栈工程师</a></li>
                            <li><a href="#">Go ASP</a></li>
                            <li><a href="#">Shell</a></li>
                            <li><a href="#">后端开发其他</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="positions-name-content">
                <div class="positions-name-list-left">
                    <a href="#"><h2>技术<b>></b></h2></a>
                    <a href="#"><span>java</span></a>
                    <a href="#"><span>前端</span></a>
                    <a href="#"><span>php</span></a>
                    <a href="#"><span>C#</span></a>
                    <a href="#"><span>ios</span></a>
                    <a href="#"><span>Android</span></a>
                    <a href="#"><span>HTML5</span></a>
                    <a href="#"><span>测试aaaaaaaa</span></a>
                </div>
                <div class="more-positions more-four">
                    <div class="more-positions-list">
                        <ul>
                            <li><a href="#">Java</a></li>
                            <li><a href="#">Python</a></li>
                            <li><a href="#">PHP</a></li>
                            <li><a href="#">.NET</a></li>
                            <li><a href="#">C#</a></li>
                            <li><a href="#">C++</a></li>
                            <li><a href="#">C</a></li>
                            <li><a href="#">VB</a></li>
                            <li><a href="#">Delphi</a></li>
                            <li><a href="#">Perl</a></li>
                            <li><a href="#">Ruby</a></li>
                            <li><a href="#">hadoop</a></li>
                            <li><a href="#"></a></li>
                            <li><a href="#">数据挖掘</a></li>
                            <li><a href="#">自然语言处理</a></li>
                            <li><a href="#">搜索算法</a></li>
                            <li><a href="#">精准推荐</a></li>
                            <li><a href="#">全栈工程师</a></li>
                            <li><a href="#">Go ASP</a></li>
                            <li><a href="#">Shell</a></li>
                            <li><a href="#">后端开发其他</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="positions-name-content">
                <div class="positions-name-list-left">
                    <a href="#"><h2>技术<b>></b></h2></a>
                    <a href="#"><span>java</span></a>
                    <a href="#"><span>前端</span></a>
                    <a href="#"><span>php</span></a>
                    <a href="#"><span>C#</span></a>
                    <a href="#"><span>ios</span></a>
                    <a href="#"><span>Android</span></a>
                    <a href="#"><span>HTML5</span></a>
                    <a href="#"><span>测试aaaaaaaa</span></a>
                </div>
                <div class="more-positions more-four">
                    <div class="more-positions-list">
                        <ul>
                            <li><a href="#">Java</a></li>
                            <li><a href="#">Python</a></li>
                            <li><a href="#">PHP</a></li>
                            <li><a href="#">.NET</a></li>
                            <li><a href="#">C#</a></li>
                            <li><a href="#">C++</a></li>
                            <li><a href="#">C</a></li>
                            <li><a href="#">VB</a></li>
                            <li><a href="#">Delphi</a></li>
                            <li><a href="#">Perl</a></li>
                            <li><a href="#">Ruby</a></li>
                            <li><a href="#">hadoop</a></li>
                            <li><a href="#"></a></li>
                            <li><a href="#">数据挖掘</a></li>
                            <li><a href="#">自然语言处理</a></li>
                            <li><a href="#">搜索算法</a></li>
                            <li><a href="#">精准推荐</a></li>
                            <li><a href="#">全栈工程师</a></li>
                            <li><a href="#">Go ASP</a></li>
                            <li><a href="#">Shell</a></li>
                            <li><a href="#">后端开发其他</a></li>
                        </ul>
                    </div>
                </div>
            </div>
    </div>
    <div class="company-div new-positions-list">
        <div class="screening-div new-screening-div">
            <ul>
                <li>
                    <b>公司地点：</b>
                    <nav class="screening-nav-one">
                        <span class="click-span">广州</span>
                        <span>广州</span>
                        <span>广州</span>
                        <span>广州</span>
                        <span>广州</span>
                        <span>广州</span>
                        <span>广州</span>
                        <span>广州</span>
                        <span>广州</span>
                        <span>广州</span>
                        <span>广州</span>
                        <span>广州</span>
                        <span>广州</span>
                    </nav>
                    <strong>更多</strong>
                    <div class="screening-nav-more screening-nav-more-small">
                        <ul>
                            <li>
                                <b>ABCDEF</b>
                                <nav class="screening-more-list">
                                    <span>广州</span>
                                    <span>北京</span>
                                    <span>长春</span>
                                    <span>成都</span>
                                    <span>重庆</span>
                                    <span>长沙</span>
                                    <span>常州</span>
                                    <span>东莞</span>
                                    <span>大连</span>
                                    <span>佛山</span>
                                    <span>福州</span>
                                </nav>
                            </li>
                            <li>
                                <b>GHIJ</b>
                                <nav class="screening-more-one">
                                    <span>广州</span>
                                    <span>贵阳</span>
                                    <span>广州</span>
                                    <span>哈尔滨</span>
                                    <span>合肥</span>
                                    <span>海口</span>
                                    <span>杭州</span>
                                    <span>惠州</span>
                                    <span>金华</span>
                                    <span>济南</span>
                                    <span>嘉兴</span>
                                </nav>
                            </li>
                            <li>
                                <b>KLMN</b>
                                <nav class="screening-more-one">
                                    <span>广州</span>
                                    <span>昆明</span>
                                    <span>廊坊</span>
                                    <span>宁波</span>
                                    <span>南昌</span>
                                    <span>南京</span>
                                    <span>南宁</span>
                                    <span>南通</span>
                                </nav>
                            </li>
                            <li>
                                <b>OPQR</b>
                                <nav class="screening-more-one">
                                    <span>广州</span>
                                    <span>青岛</span>
                                    <span>泉州</span>
                                </nav>
                            </li>
                            <li>
                                <b>STUV</b>
                                <nav class="screening-more-one">
                                    <span>广州</span>
                                    <span>上海</span>
                                    <span>石家庄</span>
                                    <span>绍兴</span>
                                    <span>沈阳</span>
                                    <span>深圳</span>
                                    <span>苏州</span>
                                    <span>天津</span>
                                    <span>太原</span>
                                    <span>台州</span>
                                </nav>
                            </li>
                            <li>
                                <b>WXYZ</b>
                                <nav class="screening-more-one">
                                    <span>广州</span>
                                    <span>武汉</span>
                                    <span>无锡</span>
                                    <span>温州</span>
                                    <span>西安</span>
                                    <span>厦门</span>
                                    <span>烟台</span>
                                    <span>珠海</span>
                                    <span>中山</span>
                                    <span>郑州</span>
                                </nav>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <b>行业领域：</b>
                    <nav class="screening-nav-two">
                        <span class="click-span">互联网</span>
                        <span>互联网</span>
                        <span>互联网</span>
                        <span>互联网</span>
                        <span>互联网</span>
                        <span>互联网</span>
                        <span>互联网</span>
                        <span>电子商务</span>
                        <span>企业服务</span>
                        <span>互联网</span>
                    </nav>
                    <strong>更多</strong>
                    <div class="screening-nav-more screening-nav-more-small">
                        <ul>
                            <li>
                                <b>ABCDEF</b>
                                <nav class="screening-more-list">
                                    <span>广州</span>
                                    <span>北京</span>
                                    <span>长春</span>
                                    <span>成都</span>
                                    <span>重庆</span>
                                    <span>长沙</span>
                                    <span>常州</span>
                                    <span>东莞</span>
                                    <span>大连</span>
                                    <span>佛山</span>
                                    <span>福州</span>
                                </nav>
                            </li>
                            <li>
                                <b>GHIJ</b>
                                <nav class="screening-more-one">
                                    <span>广州</span>
                                    <span>贵阳</span>
                                    <span>广州</span>
                                    <span>哈尔滨</span>
                                    <span>合肥</span>
                                    <span>海口</span>
                                    <span>杭州</span>
                                    <span>惠州</span>
                                    <span>金华</span>
                                    <span>济南</span>
                                    <span>嘉兴</span>
                                </nav>
                            </li>
                            <li>
                                <b>KLMN</b>
                                <nav class="screening-more-one">
                                    <span>广州</span>
                                    <span>昆明</span>
                                    <span>廊坊</span>
                                    <span>宁波</span>
                                    <span>南昌</span>
                                    <span>南京</span>
                                    <span>南宁</span>
                                    <span>南通</span>
                                </nav>
                            </li>
                            <li>
                                <b>OPQR</b>
                                <nav class="screening-more-one">
                                    <span>广州</span>
                                    <span>青岛</span>
                                    <span>泉州</span>
                                </nav>
                            </li>
                            <li>
                                <b>STUV</b>
                                <nav class="screening-more-one">
                                    <span>广州</span>
                                    <span>上海</span>
                                    <span>石家庄</span>
                                    <span>绍兴</span>
                                    <span>沈阳</span>
                                    <span>深圳</span>
                                    <span>苏州</span>
                                    <span>天津</span>
                                    <span>太原</span>
                                    <span>台州</span>
                                </nav>
                            </li>
                            <li>
                                <b>WXYZ</b>
                                <nav class="screening-more-one">
                                    <span>广州</span>
                                    <span>武汉</span>
                                    <span>无锡</span>
                                    <span>温州</span>
                                    <span>西安</span>
                                    <span>厦门</span>
                                    <span>烟台</span>
                                    <span>珠海</span>
                                    <span>中山</span>
                                    <span>郑州</span>
                                </nav>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <b>工作性质：</b>
                    <nav class="screening-nav-two">
                        <span class="click-span">不限</span>
                        <span>兼职</span>
                        <span>实习</span>
                        <span>全职</span>
                        <span>储备</span>
                    </nav>
                </li>
            </ul>
        </div>
        <div class="arrangement-div new-arrangement-div arr_nobottom">
            <b>排列方式：</b>
            <nav class="arrangement-nav">
                <span class="click-span">默认排序</span>
                <span>默认排序</span>
                <span>默认排序</span>
                <span>默认排序</span>
            </nav>
        </div>
        <div class="bread_crumbs">
            <span>更多分类</span>
            <a href="#">广州</a>
            <a href="#">互联网</a>
            <a href="#">实习</a>
        </div>
        <div class="company-list-div new-position-list-div">
           <div class="anyone-company">
               <div class="company-basic-information positions-basic-information">
                   <ul>
                       <li class="company-name-and-address">
                           <a href="#" title="web前端">web前端高级前段工程师（javascript方向</a>
                           <strong class="common_place">[广州-海珠区]</strong>
                       </li>
                       <li class="company-short-introduction">
                           <span>广州黑板教育科技有限公司</span>
                       </li>
                       <li class="recommend-hotter-post">
                           <span>薪酬范围</span>
                           <span>工作时间</span>
                           <span>留用机会</span>
                       </li>
                   </ul>
               </div>
               <div class="enter-button">
                   <img src="images/company-logo.jpg">
               </div>
           </div>
           <div class="anyone-company">
               <div class="company-basic-information positions-basic-information">
                   <ul>
                       <li class="company-name-and-address">
                           <a href="#" title="web前端">web前端高级前段工程师（javascript方向</a>
                           <strong class="common_place">[广州-海珠区]</strong>
                       </li>
                       <li class="company-short-introduction">
                           <span>广州黑板教育科技有限公司</span>
                       </li>
                       <li class="recommend-hotter-post">
                           <span>薪酬范围</span>
                           <span>工作时间</span>
                           <span>留用机会</span>
                       </li>
                   </ul>
               </div>
                <div class="enter-button">
                    <img src="images/company-logo.jpg">
                </div>
            </div>
           <div class="anyone-company">
               <div class="company-basic-information positions-basic-information">
                   <ul>
                       <li class="company-name-and-address">
                           <a href="#" title="web前端">web前端高级前段工程师（javascript方向</a>
                           <strong class="common_place">[广州-海珠区]</strong>
                       </li>
                       <li class="company-short-introduction">
                           <span>广州黑板教育科技有限公司</span>
                       </li>
                       <li class="recommend-hotter-post">
                           <span>薪酬范围</span>
                           <span>工作时间</span>
                           <span>留用机会</span>
                       </li>
                   </ul>
               </div>
                <div class="enter-button">
                    <img src="images/company-logo.jpg" alt="">
                </div>
            </div>
           <div class="anyone-company">
               <div class="company-basic-information positions-basic-information">
                   <ul>
                       <li class="company-name-and-address">
                           <a href="#" title="web前端">web前端高级前段工程师（javascript方向</a>
                           <strong class="common_place">[广州-海珠区]</strong>
                       </li>
                       <li class="company-short-introduction">
                           <span>广州黑板教育科技有限公司</span>
                       </li>
                       <li class="recommend-hotter-post">
                           <span>薪酬范围</span>
                           <span>工作时间</span>
                           <span>留用机会</span>
                       </li>
                   </ul>
               </div>
                <div class="enter-button">
                    <img src="images/company-logo.jpg" alt="">
                </div>
            </div>
           <div class="anyone-company">
               <div class="company-basic-information positions-basic-information">
                   <ul>
                       <li class="company-name-and-address">
                           <a href="#" title="web前端">web前端高级前段工程师（javascript方向</a>
                           <strong class="common_place">[广州-海珠区]</strong>
                       </li>
                       <li class="company-short-introduction">
                           <span>广州黑板教育科技有限公司</span>
                       </li>
                       <li class="recommend-hotter-post">
                           <span>薪酬范围</span>
                           <span>工作时间</span>
                           <span>留用机会</span>
                       </li>
                   </ul>
               </div>
                <div class="enter-button">
                    <img src="images/company-logo.jpg" alt="">
                </div>
            </div>
           <div class="anyone-company">
               <div class="company-basic-information positions-basic-information">
                   <ul>
                       <li class="company-name-and-address">
                           <a href="#" title="web前端">web前端高级前段工程师（javascript方向</a>
                           <strong class="common_place">[广州-海珠区]</strong>
                       </li>
                       <li class="company-short-introduction">
                           <span>广州黑板教育科技有限公司</span>
                       </li>
                       <li class="recommend-hotter-post">
                           <span>薪酬范围</span>
                           <span>工作时间</span>
                           <span>留用机会</span>
                       </li>
                   </ul>
               </div>
                <div class="enter-button">
                    <img src="images/company-logo.jpg" alt="">
                </div>
            </div>
           <div class="anyone-company">
               <div class="company-basic-information positions-basic-information">
                   <ul>
                       <li class="company-name-and-address">
                           <a href="#" title="web前端">web前端高级前段工程师（javascript方向</a>
                           <strong class="common_place">[广州-海珠区]</strong>
                       </li>
                       <li class="company-short-introduction">
                           <span>广州黑板教育科技有限公司</span>
                       </li>
                       <li class="recommend-hotter-post">
                           <span>薪酬范围</span>
                           <span>工作时间</span>
                           <span>留用机会</span>
                       </li>
                   </ul>
               </div>
            <div class="enter-button">
                <img src="images/company-logo.jpg" alt="">
            </div>
        </div>
           <div class="anyone-company">
               <div class="company-basic-information positions-basic-information">
                   <ul>
                       <li class="company-name-and-address">
                           <a href="#" title="web前端">web前端高级前段工程师（javascript方向</a>
                           <strong class="common_place">[广州-海珠区]</strong>
                       </li>
                       <li class="company-short-introduction">
                           <span>广州黑板教育科技有限公司</span>
                       </li>
                       <li class="recommend-hotter-post">
                           <span>薪酬范围</span>
                           <span>工作时间</span>
                           <span>留用机会</span>
                       </li>
                   </ul>
               </div>
                <div class="enter-button">
                    <img src="images/company-logo.jpg" alt="">
                </div>
            </div>
           <div class="anyone-company">
               <div class="company-basic-information positions-basic-information">
                   <ul>
                       <li class="company-name-and-address">
                           <a href="#" title="web前端">web前端高级前段工程师（javascript方向</a>
                           <strong class="common_place">[广州-海珠区]</strong>
                       </li>
                       <li class="company-short-introduction">
                           <span>广州黑板教育科技有限公司</span>
                       </li>
                       <li class="recommend-hotter-post">
                           <span>薪酬范围</span>
                           <span>工作时间</span>
                           <span>留用机会</span>
                       </li>
                   </ul>
               </div>
                <div class="enter-button">
                    <img src="images/company-logo.jpg" alt="">
                </div>
            </div>
           <div class="anyone-company">
               <div class="company-basic-information positions-basic-information">
                   <ul>
                       <li class="company-name-and-address">
                           <a href="#" title="web前端">web前端高级前段工程师（javascript方向</a>
                           <strong class="common_place">[广州-海珠区]</strong>
                       </li>
                       <li class="company-short-introduction">
                           <span>广州黑板教育科技有限公司</span>
                       </li>
                       <li class="recommend-hotter-post">
                           <span>薪酬范围</span>
                           <span>工作时间</span>
                           <span>留用机会</span>
                       </li>
                   </ul>
               </div>
                <div class="enter-button">
                    <img src="images/company-logo.jpg" alt="">
                </div>
            </div>
            <div id="fanyexiaogu">
                <ul>
                    <li class="pagebar"><a href="#">首页</a></li>
                    <li class="pagebar"><a href="#">上一页</a></li>
                    <li class="active"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">6</a></li>
                    <li><a href="#">7</a></li>
                    <li><a href="#">8</a></li>
                    <li><a href="#">下一页</a></li>
                    <li><a href="#">尾页</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="company-advertising">
        <ul>
            <li>
                <a href="#">
                    <img src="images/advertising-one.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="images/advertising-one.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="images/advertising-one.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="images/advertising-one.jpg" alt="">
                </a>
            </li>
        </ul>
    </div>
</div>
<footer>
    <div class="footer-center-bg">
        <div class="footer-center" >
            <ul>
                <li class="footer-li">
                    <div class="footer-li-div footer-div-one">
                        <p>官方微信</p>
                        <p>WeChat</p>
                    </div>
                    <img src="images/wx.png" alt="微信二维码" id="footer-wx-img">
                </li>
                <li style="margin-top: 35px">
                    <h6>帮助中心</h6>
                    <p><a href="#">学生常见问题</a></p>
                    <p><a href="#">企业常见问题</a></p>
                </li>
                <li class="footer-li">
                    <div class="footer-li-div footer-div-two">
                        <p>联系我们</p>
                        <p>Contact Us</p>
                    </div>
                    <img src="images/phone.png" alt="联系我们" id="footer-contact-us">
                </li>
            </ul>
        </div>
    </div>
    <div class="footer-bottom">
        <p><a href="#">广州黑板教育科技有限公司</a></p>
    </div>
</footer>
</body>
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/index.js"></script>
</html>